@import "../common.scss";

body{
	background-color: #f8fafc;
}

.header-search{
	display: flex;
	padding: 0 ws(15);
	padding-top: ws(10);
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	@include border-line(#ddd,bottom);
	.mui-input-row{
		flex:1;
		input{
			background-color: #eee;
			border-radius: ws(30);
		}
	}
	.cancel{
		padding-left: ws(15);
		margin-bottom: ws(15);
	}
}

.search-history{
	display: flex;
	padding: ws(15);
	justify-content: space-between;
	.clear{
		color: #7f7f7f;
	}
}

.search-list{
	display: flex;
	flex-wrap: wrap;
	padding: 0 ws(15);
	.item{
		background-color: #eee;
		padding: ws(5) ws(15);
		margin: ws(10);
		font-size: ws(14);
		color: #999;
	}
}